<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <LINK href="chrome://chimera/content/class/preset/presets/Fx_Morph/style.css" rel="stylesheet" type="text/css">
	<script type="application/x-javascript" src="chrome://Chimera/content/framework/mootools.js" ></script>
	
	<script type="application/x-javascript" src="chrome://Chimera/content/class/preset/presets/Fx_Morph/iFrameLogic.js" ></script>
	<script type="text/javascript">
		function setSelectedElement(ele)
		{
			$('textTargetId').value=ele.id;
			window.top.UChimera.fireWindowTrg=null;
		} 
		
	</script>
	
  </HEAD>
  <BODY id="body">
    <div class="container" align="center">
		<div id="image"></div>
		<label id="name">Fx.Morph</head>
	</div>
	<fieldset>
		<legend><b>Target</b><legend>
		<input id="textTargetId"type="text" onchange="logic.modifiedInterface()"/>
		<input type="button" id="buttonTarget" value="select" onclick="window.top.UChimera.fireWindowTrg=window; window.top.PBrowserOverlay.Inspect(); "/> 
	</fieldset>
	<fieldset>
		<legend><b>Duration</b><legend>
		<input id="textDuration" type="text" onchange="logic.modifiedInterface()"/>
	</fieldset>
	<fieldset >
		<legend><b>Properties</b><legend>
		<div id="props">
			<div id="propStampino" style="display:none">
				<label>Property:</label>
				<input  type="text" class="propName"/>
				<label>From:</label>
				<input type="text" class="num"/>
				<label>To:</label>
				<input  type="text" class="num"/>
			</div>
			<div class="prop" id="prop1">
				<label>Property:</label>
				<input id="element_property1" type="text" class="propName" onchange="logic.modifiedInterface()"/>
				<label>From:</label>
				<input id="element_propertyFrom1" type="text" class="num"/>
				<label>To:</label>
				<input id="element_propertyTo1" type="text" class="num" onchange="logic.modifiedInterface()"/>
			</div>
		</div>
	</fieldset>
	<div align="center" class="container">
		<a class="addRemovePropsButton" href="javascript:void(0)" onclick="logic.addProperty();">addProp</a>
		<a class="addRemovePropsButton" href="javascript:void(0)" onclick="logic.removeProperty();">removeProp</a>
	</div>
	<input id="saveButton" type="button" onclick="logic.getCode();" value="OK" disabled="true" />
	<script type="text/javascript">
		var preset=window.top.UChimera.getActivePreset().initialize();
		/*
		function f(){
			logic.modifiedInterface();
		}
		$('textTargetId').addEvent('change',f);
		$('textDuration').addEvent('change',f);
		$('element_property1').addEvent('change',f);
		$('element_propertyTo1').addEvent('change',f);
		*/
	</script>
  </BODY>
</HTML>
